<!DOCTYPE html>
<html>
<head>
	<title>css样式</title>
	<meta charset="utf-8">
	<style>
		.box{
			width: 400px;
			height:200px;
			background-color: rgba(190,0,0,0.8);
			overflow-y: scroll;
			cursor: pointer;
			/*visibility: hidden;*/
			/*opacity: 0.5*/
			font:normal normal 16px/32px "微软雅黑";

		}
		.box a{
			text-decoration: none
		}
		.box p{
			text-indent: 2em;
		}
	</style>
</head>
<body>

<div class="box">
	<h1>学习<a href="">前端</a>有前 途吗？有，但只属于实力派</h1>
	<p>每次遇到这样的问题，我都感觉非常的可笑，所谓前途其实本质上是由你的实力决定的，我面试过很多前端人员，对于那些一瓶子不满，半瓶子晃悠的人，我是不会录用的，只是浪费时间罢了，这就是无能者的前途。对于那些有真功夫的前端开发人员，我一般给他们的薪资都非常的高，因为他们值这个价。同样做前端为什么造就了这样两种不同的结果呢？答案是：你的实力，实力决定未来。</p>
	<p>当然从整个行业的角度来讲，前端确实是很有前途的，里面的很多技术操作都很新奇，也非常有意思，全国各大城市对优秀的前端人员都处于一个争抢的状态，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP，我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发。 当然，Web前端现在也不仅仅局限于前端网页和APP，服务器端、桌面级应用甚至是VR都有涉及。</p>
</div>

<!-- 
	教师在具体讲解css样式的时候要注意样式的简写形式，可以提高效率，但是有性能的下降。
	养成良好的属性习惯也是程序员素养的体现：
	b{
		backgound:red;
		font-size:14px;
	}

	b{background:red;font-size:14px}   

	哪种格式更好呢？
 -->

基本样式：
	宽 高 鼠标样式 可见样式 溢出隐藏 透明度
字体样式：
	字体 font-family
	字号 font-size
	字的样式： font-style
	字的粗细：font-weight
	font:font-style font-weight 20px/40px "宋体"
	字的颜色：color
文本属性：
	行高：line-height
	文本修饰：text-decoration：none
	缩进：text-indent
	字符间距：letter-spacing
	空白间距：word-spacing
	英文大小写：text-transform:capitalize/uppercase/lowercase
	文字水平对齐方式:text-align
	文本所在行高垂直对齐方式：vertical-align

</body>
</html>